import { globalConfig } from "@renderer/config";
import LoginForm from "./components/LoginForm";
import loginLeft from "@renderer/assets/images/login_left.png";
import logo from "@renderer/assets/images/logo.png";
import "./index.less";

const Login = (): React.JSX.Element => {
	const { GLOB_APP_TITLE } = globalConfig;
	return (
		<div className="login-container">
			<div className="config"></div>
			<div className="login-box">
				<div className="login-left">
					<img src={loginLeft} alt="login" />
				</div>
				<div className="login-form">
					<div className="login-logo">
						<img className="login-icon" src={logo} alt="logo" />
						<span className="logo-text">{GLOB_APP_TITLE}</span>
					</div>
					<LoginForm />
				</div>
			</div>
		</div>
	);
};
export default Login;
